<!-- 弹窗管理页面 -->
<template>
  <a-modal
    :visible='visible'
    title="运行状态总览"
    width="100%"
    :footer="null"
    :mask-closable='false'
    :destroy-on-close='true'
    :style="{ top: '0px' }"
    @update:visible='updateVisible'
  >
    <VehicleManagerRunningstateManagerState :data="data" />
  </a-modal>
</template>

<script>
import VehicleManagerRunningstateManagerState from './state.vue'
export default {
  name: 'VehicleManagerRunningstateManagerStateModal',
  components: {
    VehicleManagerRunningstateManagerState
  },
  emits: ['update:visible'],
  props: {
    // 弹窗是否打开
    visible: Boolean,
    // 修改回显的数据
    data: Object
  },
  data() {
    return {

    };
  },
  methods: {
    /**
     * 更新编辑界面的弹框是否显示
     *
     * @param value true-显示，false-隐藏
     * @author cancan
     * @date 2022/03/05 14:48
     */
    updateVisible(value) {
      this.$emit('update:visible', value);
    }
  }
};
</script>
<style scoped>
/deep/ .ant-modal-body{
  padding: 5px;
}

</style>
